<template>
    <div>
        <input type="text" v-model="number"> {{ txt }}
    </div>
</template>
<script>
    export default {
        data(){
            return {
                number: '',
                txt: ''
            }
        },
        // 监听
        watch:{
            number(n){
                // 把新值分割成数组
                let arr = n.split('');
                // 让txt 清空
                this.txt = '';
                // 遍历数组
                arr.forEach(item => {
                    // 拼接
                    this.txt += this.verfy(item);
                })
            }
        },
        // 事件
        methods:{
            verfy(str){
                switch(str){
                    case '0':
                        str = '零';
                        break;  
                    case '1':
                        str = '一';
                        break; 
                    case '3':
                        str = '三';
                        break; 
                    case '4':
                        str = '四';
                        break; 
                    case '5':
                        str = '五';
                        break; 
                    case '6':
                        str = '六';
                        break; 
                    case '7':
                        str = '七';
                        break; 
                    case '8':
                        str = '八';
                        break; 
                    case '9':
                        str = '九';
                        break; 
                    case '2':
                        str = '二';
                        break;
                }
                return str
            }
        }
    }
</script>